<template>
	<div class="projects">
		<el-card>
			<template #header>AI大模型应用调研</template>
			<div>
				<p><b>技术栈：</b>python，openai，pytorch，open3d，gradio，opencv；</p>
				<p>
					<b>项目介绍：</b
					>本项目旨在探索AI大模型在文生图、图生3D建模以及AI视觉检测等多个领域的应用潜力。
				</p>
				<p>
					<b>负责内容：</b
					>负责寻找并评估相关开源项目，进行安装部署和功能测试；基于项目需求，训练并优化AI模型，以实现最佳性能。最终成功搭建了多个AI应用原型，验证了AI大模型在这些领域的可行性和有效性。
				</p>
			</div>
		</el-card>
		<div class="project-item">
			<el-card class="info-card">
				<template #header>
					<a href="https://www.creality.cn/product-81.html" target="_blank"
						>Creality Sonic Pad（创想三维音速屏）</a
					>
				</template>
				<div>
					<p>
						<b>技术栈：</b>Vue2.x，Ant
						Design，Echart，Qt，C/C++，python，Klipper，Moonraker；
					</p>
					<p>
						<b>项目介绍：</b>该项目是一款提升3D打印机性能的产品，基于 Klipper
						固件的高度集成触摸屏平板电脑。通过 USB 线连接到 3D
						打印机，取代原有固件实现控制，使用优势算法，全面加快打印速度，最多能同时控制4台打印机。
					</p>
					<p>
						<b>负责内容：</b
						>独自开发QT程序（跨平台C++图形界面应用程序）开发，通过深入研究QT源码，修复了虚拟键盘切换输入法时多国语言的兼容性问题。参与前端项目，完成多个模块的界面UI和功能模块的开发，完成多项技术调研工作（内网穿透，UDP，MQTT，3D模型算法），输出高质量代码，为产品落地提供强大的技术保障。
					</p>
				</div>
			</el-card>
			<el-card class="preview-card">
				<el-carousel height="400px" :autoplay="false">
					<el-carousel-item v-for="item in creality" :key="item">
						<el-image
							style="width: 100%; height: 400px"
							:src="safeResolve(item)"
							:zoom-rate="1.2"
							:max-scale="7"
							:min-scale="0.2"
							:preview-src-list="creality"
							:initial-index="4"
							:preview-teleported="true"
							fit="contain"
						/>
					</el-carousel-item>
				</el-carousel>
			</el-card>
		</div>

		<div class="project-item">
			<el-card class="info-card">
				<template #header>商务数字化管理系统</template>
				<div>
					<p><b>技术栈：</b>Vue2.x，Echart，Sass，Webpack；</p>
					<p>
						<b>项目介绍：</b
						>该项目为华为业务，包含多个需求模块，主要核心模块有模型分析模块，客户基线模块，服务商务分析模块，TOC分析模块，历史价位对比模块，使用技术栈为Vue全家桶+Redis+Spring
						Boot。
					</p>
					<p>
						<b>负责内容：</b
						>整合基础业务功能开发高性能、低耦合的公用组件和功能函数，提升代码复用率和可维护性。优化功能逻辑，减少页面组件的重复渲染，避免造成性能浪费；使用防抖和节流处理，提升用户体验。
					</p>
				</div>
			</el-card>
		</div>

		<div class="project-item">
			<el-card class="info-card">
				<template #header>乐易住无人智慧酒店</template>
				<div>
					<p><b>技术栈：</b>WeUI，Sass；</p>
					<p>
						<b>项目介绍：</b
						>该项目是一个微信小程序应用，通过扫描微信二维码进入小程序界面，方便快捷的完成无人酒店的房间预订、入住、开锁以及退房和支付等环节。+Redis+Spring
						Boot。
					</p>
					<p>
						<b>负责内容：</b
						>根据产品需求和项目计划，独立完成小程序项目的搭建以及全部业务功能模块的研发，实现产品UI和交互方面的开发需求，完成接口调试，不断提升用户体验和产品稳定性。
					</p>
				</div>
			</el-card>
		</div>

		<div class="project-item">
			<el-card class="info-card">
				<template #header>全潮科技购物商城</template>
				<div>
					<p><b>技术栈：</b>Uni-App，Boostrap；</p>
					<p>
						<b>项目介绍：</b
						>该项目是一个多端跨平台的uni-app应用，通过Hbuilder打包多平台的安装包并发布。
					</p>
					<p>
						<b>负责内容：</b>
						使用uniapp框架进行跨端混合开发，协同设计师和后台工程师完成界面UI和业务功能的开发。引入第三方API，实现二维码扫描功能，对接支付平台API（微信和支付宝）进行在线支付功能的研发。
					</p>
				</div>
			</el-card>
		</div>

		<div class="project-item">
			<el-card class="info-card">
				<template #header>
					<a href="http://www.hhgene.cn/" target="_blank"
						>华汉基因生命科技公司官网</a
					></template
				>
				<div>
					<p><b>技术栈：</b>Angular4，bootstrap4；</p>
					<p>
						<b>项目介绍：</b>
						该项目是主要是展示公司信息，为企业的门户网站，发布公司动态消息以及公司背景介绍。
					</p>
					<p>
						<b>负责内容：</b>
						独立开发整个项目，协同设计师完成界面UI的还原和业务功能的开发以及部署。
					</p>
				</div>
			</el-card>
			<el-card class="preview-card">
				<el-carousel height="150px">
					<el-carousel-item v-for="item in hhlife" :key="item">
						<el-image
							style="width: 100%; height: 100%"
							:src="safeResolve(item)"
							:zoom-rate="1.2"
							:max-scale="7"
							:min-scale="0.2"
							:preview-src-list="hhlife"
							:initial-index="4"
							:preview-teleported="true"
							fit="contain"
						/>
					</el-carousel-item>
				</el-carousel>
			</el-card>
		</div>
	</div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const creality = ref([
	'/images/creality/01.jpg',
	'/images/creality/02.jpg',
	'/images/creality/03.jpg',
	'/images/creality/04.jpg',
	'/images/creality/05.jpg',
	'/images/creality/06.jpg',
])
const hhlife = ref([
	'/images/hhlife/01.jpg',
	'/images/hhlife/02.jpg',
	'/images/hhlife/03.jpg',
])
</script>
<style scoped lang="scss">
.projects {
	.project-item {
		display: flex;
		margin: 1rem 0;
		.info-card {
			flex: 2;
		}
		.preview-card {
			flex: 1;
		}
	}
}
</style>
